<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>webgl threejs</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <div class="wave-audio">
    <div style="margin-bottom: 20px;">
      demo1：<button id="sound-created" >播放</button>
    </div>

    <canvas id="wave-surver" width="1500" height="500" ></canvas>
    <div>
      <audio controls ></audio>
    </div>

    <canvas id="wave-surver2" width="1500" height="500" style="margin-top: 20px;" ></canvas>
  </div>

  <div class="container">

    <canvas id="webgl-example1" width="500" height="500" ></canvas>
    <canvas id="HelloPoint1" width="500" height="500" ></canvas>

    <!-- <center class="title">demo1</center>
    <div id="gl" class="webgl"></div>
    <center class="title">demo2</center>
    <div id="demo2" class="webgl"></div>
    <center class="title">demo3</center>
    <div id="demo3" class="webgl"></div> -->
  </div>
</body>
</html>